<template>
    <tab-bar>
        <tab-bar-item path="/home" activeColor="blue">
          <img  slot="item-icon" src="~assets/img/tabbar/var1.png" alt="">
          <img  slot="item-icon-active" src="~assets/img/tabbar/var1.png" alt="">
          <div slot="item-text">首页</div>
        </tab-bar-item>
        <!-- <tab-bar-item path="/category" activeColor="green">
          <img  slot="item-icon" src="~assets/img/tabbar/var2.png" alt="">
          <img  slot="item-icon-active" src="~assets/img/tabbar/var3.png" alt="">

          <div slot="item-text">分类</div>
        </tab-bar-item>
        <tab-bar-item path="/cart">
          <img  slot="item-icon" src="~assets/img/tabbar/var3.png" alt="">
          <img  slot="item-icon-active" src="~assets/img/tabbar/var4.png" alt="">

          <div slot="item-text">购物车</div>
        </tab-bar-item>
        <tab-bar-item path="/profile">
          <img  slot="item-icon" src="~assets/img/tabbar/var4.png" alt="">
          <img  slot="item-icon-active" src="~assets/img/tabbar/var1.png" alt="">
          <div slot="item-text">我的</div>
        </tab-bar-item> -->
      </tab-bar>
</template>
<script>
import TabBar from './tabbar/TabBar.vue'
import TabBarItem from './tabbar/TabBarItem.vue'

export default {
  name:"MainTabBar",
  components:{
    TabBar,
    TabBarItem
  }
}
</script>
